body, html { margin: 0; padding: 0; } body { font-family: Tahoma, "Lucida Grande", Lucida, Verdana, sans-serif; font-size: 0.8em; } body { background-attachment: fixed; } /* @group General Styles */ b, strong { font-weight: bold; } img { border: none; } #content img { } .image-left { float: left; margin: 3px 1em 1em 0; padding: 3px; } .image-right { float: right; margin: 3px 0 1em 1em; padding: 3px; } /* @end */ /* @group Default Styles */ a { color: #fff; } a:hover, a:active { text-decoration: none; } /* @end */ /* @group Layout */ #container { position: relative; margin: 25px; } #pageHeader { position: relative; text-align: right; min-height: 50px; } #contentContainer { position: relative; margin: 30px 280px 20px 0px; } #content { margin: 0px 0 0 200px; } #sidebarContainer { width: 200px; float: left; font-size: 0.8em; } #sidebar { margin: 0 20px 0 0; } #sidebar #sideHeader { font-size: 1.2em; margin-bottom: 1em; } #logo { width: 80px; text-align: center; position: relative; left: auto; right: 0; margin: 20px 60px 0 auto; } #logo img { display: block; margin: 0 auto; } #navcontainer { border-left-width: 1px; border-left-style: solid; position: relative; width: 140px; left: auto; margin: 20px 0px 0 auto; right: 0; top: 0; padding-bottom: 120px; padding-top: 20px; } #breadcrumbcontainer { position: absolute; top: 0; left: 0px; margin: 0; padding: 0; z-index: 200; right: auto; width: auto; } #footer { clear: both; text-align: center; padding-top: 40px; padding-bottom: 20px; font-size: 0.8em; } /* @end */ /* @group pageHeader */ #pageHeader h1, #pageHeader h2 { margin: 0; padding: 0; font-weight: normal; } #pageHeader h1 { font-size: 18px; position: absolute; margin: 0 20px 0 auto; text-align: right; right: 130px; top: 0px; } #pageHeader h2 { font-size: 13px; position: absolute; margin: 0 20px 0 auto; text-align: right; right: 130px; top: 30px; } /* @end */ #content h1, #content h2, #content h3, #content h4, #content h5 { margin: 0; padding: 0; } #content h1 { font-size: 1.4em; margin-bottom: 0.6em; margin-top: 1.2em; } #content h2 { font-size: 1.2em; margin-bottom: 0.6em; margin-top: 1.2em; } #content h3 { font-size: 1em; margin-top: 0.8em; margin-bottom: 0.5em; font-weight: bold; } #content h4 { margin-top: 0.7em; margin-bottom: 0.4em; } #content p { font-size: 0.9em; margin: 0; padding: 0; } #content { line-height: 1.5; } /* @group Navigation */ #navcontainer ul { display: block; margin: 0; padding: 0; list-style: none; position: relative; width: 140px; } #navcontainer ul li a { display: block; } #navcontainer ul li { margin: 6px 0; display: block; position: relative; font-size: 13px; list-style: none; } #navcontainer ul li a:link, #navcontainer ul li a:visited { text-decoration: none; } #navcontainer ul ul { text-align: right; } #navcontainer ul li li { margin: 6px 0; display: block; font-size: 12px; } #navcontainer ul li li a { position: relative; } #navcontainer ul ul ul{ } #navcontainer ul li ul li ul li { font-size: 10px; background: transparent; } #navcontainer ul li ul li ul li ul li { font-size: 9px; background: transparent; } #navcontainer ul li ul li ul li a.current, #navcontainer ul li ul li ul li a.currentAncestor, #navcontainer ul li ul li ul li ul li a.current, #navcontainer ul li ul li ul li ul li a.currentAncestor { background: transparent; background-image: none; } #navcontainer ul li a.current, #navcontainer ul li a.currentAncestor { font-weight: bold; } #navcontainer ul li a.currentAncestor, #navcontainer ul li a.current { background-repeat: no-repeat; background-position: left center; } #navcontainer ul li li a.current, #navcontainer ul li li a.currentAncestor { background-repeat:no-repeat; background-position: right center; } * html #navcontainer ul li a.currentAncestor, * html #navcontainer ul li a.current { background-repeat:no-repeat; background-position: left center; } * html #navcontainer ul li li a.current, #navcontainer ul li li a.currentAncestor { background-repeat: no-repeat; background-position: right center; } * html #navcontainer ul li li li a.current { background: transparent; } /* @end */ /* @group breadcrumb */ #breadcrumbcontainer ul { list-style: none; display: block; margin: 0px; padding: 0; font-size: 0.8em; } #breadcrumbcontainer ul li { list-style: none; display: inline; } #breadcrumbcontainer ul li a { } /* @end */ /* @group Blog */ /* @group Archive Page */ .blog-archive-background { } .blog-archive-headings-wrapper { text-align: left; /* Hack To Keep IE5 Windows Happy */ } .blog-archive-entries-wrapper { text-align: left; /* Hack To Keep IE5 Windows Happy */ padding-top: 20px; } .blog-archive-entries-wrapper .blog-entry { } .blog-archive-month { padding: 20px 0; font-size: 2.5em; letter-spacing: 1px; margin: 0 0 5px; } .blog-archive-link { padding: 0 20px 20px; } .blog-archive-link a:link, .blog-archive-link a:visited { } /* @end */ .blog-entry { margin-bottom: 30px; padding-bottom: 15px; } .blog-entry-title { font-size: 1.4em; font-weight: bold; margin-bottom: 3px; } .blog-entry-date { margin-bottom: 10px; } .blog-entry-body { } .blog-entry-comments { padding-top: 10px; } .blog-entry-category { } .blog-category-link-enabled { } .blog-category-link-disabled { } /* styles the archives in the blog sidebar */ #blog-archives { margin-bottom: 10px; } .blog-archive-link-enabled { margin: 0 5px; } .blog-archive-link-disabled { margin: 0 5px; } /* Styles the blog categories in the blog sidebar */ #blog-categories { margin-bottom: 10px; font-size: 1.1em; } .blog-category-link-enabled { margin: 0 5px; } .blog-category-link-disabled { margin: 0 5px; } /* Styles the blog RSS feeds in the blog sidebar */ #blog-rss-feeds { margin-bottom: 10px; } .blog-rss-link { } .blog-comments-rss-link { } /* @end */ /* @group File Sharing */ .filesharing-description { } .filesharing-item { margin-bottom: 10px; padding: 10px; } .filesharing-item-title a:link { } .filesharing-item-title a:hover { } .filesharing-item-title a:visited { } .filesharing-item-description { } /* @end */ /* @group Photo Album */ /* @group Index Page (Thumbnail view) */ .album-title { padding: 5px; font-size: 2.5em; border-bottom-width: 1px; border-bottom-style: solid; } .album-description { padding: 5px; font-size: 1.4em; } .album-description { margin-bottom: -20px; font-size: 1.2em; } .album-wrapper { display: block; width: 99%; position: relative; } .thumbnail-wrap { text-align: center; position: relative; float: left; margin-bottom: 10px; margin-right: 10px; padding-top: 60px; padding-left: 5px; padding-right: 5px; } .thumbnail-frame { position: absolute; left: 0; padding: 5px; } .thumbnail-frame img { margin: auto; border: none; display: block; } .thumbnail-caption { margin: 5px -5px; padding: 0 0 20px 0; display: block; height: 40px; } .thumbnail-caption { font-size: 10px; } /* @end */ /* @group Single Page (Photo view) */ .photo-background { margin: 0; text-align: center; } .photo-navigation { padding: 20px 40px 10px; margin-bottom: 20px; text-align: center; } .photo-links { } .photo-navigation a:link, .photo-navigation a:visited { } .photo-navigation a:hover { } .photo-frame{ padding: 2px; } .photo-title { font-size: 2.5em; margin: 0 0 5px; } .photo-caption { font-size: 1.1em; margin: 0; } /* @end */ /* @end */ /* @group Quicktime Page */ .movie-description { } /* @end */ /* @group Quicktime Album */ /* @group Index Page (Movie Thumbnail view) */ .movie-page-title { font-size: 1.9em; letter-spacing: 1px; font-weight: bold; margin-bottom: 3px; } .movie-page-description { margin-bottom: 8px; } .movie-thumbnail-frame { position: relative; width: 132px; float: left; text-align: center; margin-right: 10px; margin-bottom: 10px; } .movie-thumbnail-frame:hover { } .movie-thumbnail-caption { } /* @end */ /* @group Single Page (Movie View) */ .movie-background { text-align: center; } .movie-title { font-size: 0.9em; font-weight: bold; } .movie-frame { margin-top: 10px; } /* @end */ /* @end */ /* @group Contact Form */ .message-text { } .required-text { } .form-input-field { } .form-input-button { } /* @end */ /* @group New Blog Styles */ p.blog-entry-tags { } /* Styles blog tag links normal and visited state */ p.blog-entry-tags a:link, p.blog-entry-tags a:visited { } /* Styles blog tag links hover state */ p.blog-entry-tags a:hover { } /* Styles blog tag links active state */ p.blog-entry-tags a:active { } /* @group Tag Cloud */ ul.blog-tag-cloud { margin: 0 0 10px; padding: 0; display: block; list-style: none; text-align: justify; } ul.blog-tag-cloud li { display: inline; padding-right: 5px;; } ul.blog-tag-cloud li a { display: inline; margin: 0; padding: 0; } .blog-tag-size-1 { font-size: 0.8em; } .blog-tag-size-2 { font-size: 0.85em; } .blog-tag-size-3 { font-size: 0.9em; } .blog-tag-size-4 { font-size: 0.95em; } .blog-tag-size-5 { font-size: 1.0em; } .blog-tag-size-6 { font-size: 1.05em; } .blog-tag-size-7 { font-size: 1.1em; } .blog-tag-size-8 { font-size: 1.15em; } .blog-tag-size-9 { font-size: 1.2em; } .blog-tag-size-10 { font-size: 1.25em; } .blog-tag-size-11 { font-size: 1.3em; } .blog-tag-size-12 { font-size: 1.35em; } .blog-tag-size-13 { font-size: 1.4em; } .blog-tag-size-14 { font-size: 1.45em; } .blot-tag-size-15 { font-size: 1.5em; } .blog-tag-size-16 { font-size: 1.55em; } .blog-tag-size-17 { font-size: 1.6em; } .blog-tag-size-18 { font-size: 1.65em; } .blog-tag-size-19 { font-size: 1.7em; } .blog-tag-size-20 { font-size: 1.75em; } /* @end */ /* Order & Un-ordered List Support These CSS classes style the list style type of an un-ordered list. */ ul.disc { list-style-type: disc; } ul.circle { list-style-type: circle; } ul.square { list-style-type: square; } ol.arabic-numbers { list-style-type: decimal; } ol.upper-alpha { list-style-type: upper-alpha; } ol.lower-alpha { list-style-type: lower-alpha; } ol.upper-roman { list-style-type: upper-roman; } ol.lower-roman { list-style-type: lower-roman; } /* @end *//* @group EXIF data */ /* Data wrapper */ .exif-data { } /* p tag classes for all exif data */ p.exif-version { } p.exif-colour-space { } p.exif-focal-length { } p.exif-dimensions { } p.exif-pixel-y-dimension { } p.exif-oecf-value { } p.exif-subsec-time-original { } p.exif-exposure-mode { } p.exif-pixel-x-dimension { } p.exif-spatial-frequency-response { } p.exif-scene-capture-type { } p.exif-subject-location { } p.exif-shutter-speed { } p.exif-datetime-original { } p.exif-subsec-time { } p.exif-compressed-bits-per-pixel { } p.exif-flash-energy { } p.exif-saturation { } p.exif-brightness { } p.exif-exposure-time { } p.exif-f-number { } p.exif-file-source { } p.exif-gain-control { } p.exif-subject-area { } p.exif-cfa-pattern { } p.exif-scene-type { } p.exif-white-balance { } p.exif-flash { } p.exif-exposure-index { } p.exif-flashpix-version { } p.exif-device-setting-description { } p.exif-focalplane-x-resolution { } p.exif-image-uniqueid { } p.exif-components-configuration { } p.exif-light-source { } p.exif-sensing-method { } p.exif-aperture { } p.exif-sharpness { } p.exif-exposure-program { } p.exif-subject-distance { } p.exif-subsec-time-digitized { } p.exif-contrast { } p.exif-focalplane-resolution-unit { } p.exif-gamma { } p.exif-35mm-focal-length { } p.exif-datetime-digitized { } p.exif-subject-distance-range { } p.exif-custom-rendered { } p.exif-max-aperture { } p.exif-sound-file { } p.exif-metering-mode { } p.exif-spectral-sensitivity { } p.exif-exposure-bias { } p.exif-focalplane-y-resolution { } p.exif-iso-rating { } p.exif-maker-note { } p.exif-digital-zoom-ratio { } p.exif-user-comment { } /* @end */ div#license { position: absolute; bottom: 0px; left: 0; right: 0; opacity: 0.8; -moz-opacity: 0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); background-color: black; cursor: pointer; height: 40px; overflow: hidden; } div#license img { display: block; margin-top: 5px; margin-right: auto; margin-left: auto; }